<%@ page contentType="text/html; charset=utf-8"%>

<!DOCTYPE html>
<html lang="en">

<body data-type="index" class="theme-white">

    <div class="am-g tpl-g">
        <!-- 头部 -->
        <jsp:include page="common/atmHead.jsp"></jsp:include>
        <!-- 风格切换 -->
        
        <!-- 侧边导航栏 -->
        <jsp:include page="common/atmLeft.jsp"></jsp:include>


        <!-- 内容区域 -->
        <div class="tpl-content-wrapper">

            <div class="row-content am-cf">
                <div class="row  am-cf">
                    
                    <div class="row">

                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="widget am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">存款操作</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="widget-body am-fr">

                                <form class="am-form tpl-form-line-form">

                                    <div class="am-form-group">
                                        <label for="cards" class="am-u-sm-3 am-form-label">银行卡 <span class="tpl-form-line-small-title"></span></label>
                                        <div class="am-u-sm-9">
                                            <select id="cards">
                                                <option value="no">请选择银行卡</option>
                                                <option value="b">622***009</option>
                                                <option value="o">622***007</option>
                                            </select>

                                        </div>
                                    </div>


                                    <div class="am-form-group">
                                        <label for="password" class="am-u-sm-3 am-form-label">密码 <span class="tpl-form-line-small-title"></span></label>
                                        <div class="am-u-sm-9">
                                            <input type="password" class="tpl-form-input" id="password" placeholder="请输入6位银行卡密码">
                                            <small></small>
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <label for="amount" class="am-u-sm-3 am-form-label">金额 <span class="tpl-form-line-small-title"></span></label>
                                        <div class="am-u-sm-9">
                                            <input type="text" class="tpl-form-input" id="amount" placeholder="请输入取款金额">
                                            <small></small>
                                        </div>
                                    </div>

                                    <div class="am-form-group">
                                        <div class="am-u-sm-9 am-u-sm-push-3">
                                            <button type="button" class="am-btn am-btn-primary tpl-btn-bg-color-success " onclick="deposit();">存款</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>


                    
                </div>


                </div>



            </div>
        </div>
    </div>
    </div>


    <script>

        $('#deposit').addClass('active');
        function deposit() {
            if ($('#cards').val() == 'no') {
                alert('请选择银行卡');
                return;
            }


            dayuanit.ajax('/card/deposit.do', {
                cardId : $('#cards').val(),
                password : $('#password').val(),
                amount : $('#amount').val(),
            }, function (result) {
                alert('存款成功');
                window.location.href='/user/toHome.do';
            })
        }

        function queryMyCard() {
            dayuanit.ajax('/card/queryMyCard.do', {
            }, function (result) {
                var cards = result.data;
                var cardHtml = '<option value="no">请选择银行卡</option>';
                for (var i=0; i<cards.length; i++) {
                    var card = cards[i];
                    cardHtml += '<option value="'+card.cardId+'">'+card.cardNumber+'</option>';
                }

                $('#cards').html(cardHtml);
            })
        }

        queryMyCard();
    </script>

</body>

</html>